@import '../../../../app/shared/styles/app.scss';

.overlay-wrap {
  padding: 10px;
  .overlay-content {
    position: relative;
    padding: 5px;
    background: #fff;
    border: solid 2px $primary;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);

    &-arrow {
      position: absolute;
      top: 0;
      right: 20px;
      display: block;
      width: 16px;
      height: 16px;
      overflow: hidden;
      background: transparent;
      background: #fff;
      border-top: solid 2px $primary;
      border-left: solid 2px $primary;
      transform: translateY(-9px) rotate(45deg);
      pointer-events: none;
    }
  }
}
